const { resolve } = require('path')
const prod = require('./webpack.prod')
module.exports = {
  // 由于开发环境和生产环境很多配置项是一致的.所以直接导入生产环境的配置信息,然后解构
  ...prod,
  // 开发环境下,mode是development,会覆盖prod中的mode
  mode: 'development',
  devServer: {
    static: {
      directory: resolve(__dirname, '../public'),
    },
    port: 9001,
    open: true,
    historyApiFallback: true, // 解决前端路由中找不到页面的问题（不管浏览器请求地址的路径是什么,一律按照路径为/处理）
  },
}
